<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">


<head>
    <title th:text=" '资讯首页 - ' + ${infoMap['title']}"></title>
    <div data-th-replace="layout/head"></div>
</head>
<body>

<div data-th-replace="layout/common-hade-one"></div>

<div class="container">
    <div class="mb20 pb10">
        <!--资讯五推荐 开始-->
        <section>
            <div class="article-tj-list__wrap">
                <section th:if="${#lists.isEmpty(topArticle)}" class="no-data__wrap">
                    <span class="no-data-ico"></span>
                    <p class="mt20"><span class="c-666">抱歉，还没有发布资讯~~~</span></p>
                </section>
                <ul th:if="!${#lists.isEmpty(topArticle)}" class="clearfix article-index-tj">
                    <li class="article-item__wrap article-first-bigItem" th:each="topArticle, index:${topArticle}" th:if="${index.index}==0">
                        <a th:href="@{/web/article/articleInfoById?articleId={articleId}(articleId=${topArticle['dataTypeMap']['id']})}">
                            <img class="lazy" th:attr="data-original=${topArticle['dataTypeMap']['imageMap']['pcUrlMap']['large']}" width="100%" height="100%"/>
                        </a>
                        <a th:href="@{/web/article/articleInfoById?articleId={articleId}(articleId=${topArticle['dataTypeMap']['id']})}" th:title="${topArticle['dataTypeMap']['title']}">
                            <section class="article-item-img-title__wrap">
                                <span th:text="${topArticle['dataTypeMap']['title']}"></span>
                            </section>
                        </a>
                    </li>
                    <li class="article-item__wrap" th:each="topArticle, index:${topArticle}" th:if="${index.index}!=0">
                        <a th:href="@{/web/article/articleInfoById?articleId={articleId}(articleId=${topArticle['dataTypeMap']['id']})}">
                            <img class="lazy" th:attr="data-original=${topArticle['dataTypeMap']['imageMap']['pcUrlMap']['large']}" />
                        </a>
                        <a th:href="@{/web/article/articleInfoById?articleId={articleId}(articleId=${topArticle['dataTypeMap']['id']})}" th:title="${topArticle['dataTypeMap']['title']}">
                            <section class="article-item-img-title__wrap">
                                <span th:text="${topArticle['dataTypeMap']['title']}"></span>
                            </section>
                        </a>
                    </li>
                </ul>
            </div>
        </section>
        <!--资讯五推荐 结束-->
        <section class="mt20 pt10">
            <div class="row">
                <div class="col-sm-9">
                    <div class="mr20">
                        <section class="c-head-title clearfix">
                            <aside class="pull-right mt10">
                                <a th:href="@{/web/article/toArticleList}" class="c-ccc">全部
                                    <i class="fa fa-arrow-right"></i>
                                </a>
                            </aside>
                            <h6><span class="fs16 c-333">推荐资讯</span></h6>
                            <hr>
                        </section>
                        <section class="mt20 mb20 pb10" th:if="${#lists.isEmpty(groomArticle)}">
                            <section class="no-data__wrap">
                                <span class="no-data-ico"></span>
                                <p class="mt20"><span class="c-666">抱歉，还没有发布资讯~~~</span></p>
                            </section>
                        </section>
                        <section class="mt20 mb20 pb10" th:if="!${#lists.isEmpty(groomArticle)}" th:each="groomArticle:${groomArticle}">
                            <div class="media">
                                <div class="media-left">
                                    <a th:href="@{/web/article/articleInfoById?articleId={articleId}(articleId=${groomArticle['dataTypeMap']['id']})}">
                                        <img class="media-object lazy" width="220" th:attr="data-original=${groomArticle['dataTypeMap']['imageMap']['pcUrlMap']['large']}">
                                    </a>
                                </div>
                                <div class="media-body pl10">
                                    <section class="hLh30 txtOf">
                                        <a th:href="@{/web/article/articleInfoById?articleId={articleId}(articleId=${groomArticle['dataTypeMap']['id']})}" class="fs18 c-333" th:title="${groomArticle['dataTypeMap']['title']}" th:text="${groomArticle['dataTypeMap']['title']}"></a>
                                    </section>
                                    <section class="cm-desc-txt__twoLine mt10">
                                        <span class="c-999" th:text="${groomArticle['dataTypeMap']['briefIntroduction']}"></span>
                                    </section>
                                    <section class="mt10">
                                                <span class="mr20 c-ccc fs12">
                                                    <i class="fa fa-clock-o mr5 vam" data-toggle="tooltip" th:attrappend="data-original-title='更新时间：' + ${#strings.substring(groomArticle['dataTypeMap']['createTime'],0,16)}" th:text="${#strings.substring(groomArticle['dataTypeMap']['createTime'],0,16)}"></i>
                                                </span>
                                        <span class="c-ccc fs12">
                                                    <i class="fa fa-user mr5 vam" data-toggle="tooltip" th:attrappend="data-original-title='阅读人数：' + ${groomArticle['dataTypeMap']['clickNum']}" th:text="${groomArticle['dataTypeMap']['clickNum']}"></i>
                                                </span>
                                    </section>
                                </div>
                            </div>
                        </section>
                    </div>
                </div>
                <div class="col-sm-3">
                    <section class="c-head-title clearfix">
                        <aside class="pull-right mt10">
                            <a th:href="@{/web/article/toArticleList}" class="c-ccc">更多 <i class="fa fa-arrow-right"></i></a>
                        </aside>
                        <h6><span class="fs16 c-333">热门资讯</span></h6>
                        <hr>
                    </section>
                    <div class="mt20">
                        <section th:if="${#lists.isEmpty(hotArticle)}" class="no-data__wrap">
                            <span class="no-data-ico"></span>
                            <p class="mt20"><span class="c-666">抱歉，还没有发布资讯~~~</span></p>
                        </section>
                        <section class="media mb20" th:if="!${#lists.isEmpty(hotArticle)}" th:each="hotArticle:${hotArticle}">
                            <div class="media-left"th:if="${hotArticle['dataTypeMap']!=null}">
                                <a th:href="@{/web/article/articleInfoById?articleId={articleId}(articleId=${hotArticle['dataTypeMap']['id']})}">
                                    <img class="media-object lazy" width="80" th:attr="data-original=${hotArticle['dataTypeMap']['imageMap']['pcUrlMap']['large']}"/>
                                </a>
                            </div>
                            <div class="media-body" th:if="${hotArticle['dataTypeMap']!=null}">
                                <section class="cm-desc-txt__twoLine">
                                    <a th:href="@{/web/article/articleInfoById?articleId={articleId}(articleId=${hotArticle['dataTypeMap']['id']})}" class="fs14 c-666" th:title="${hotArticle['dataTypeMap']['title']}" th:text="${hotArticle['dataTypeMap']['title']}"></a>
                                </section>
                            </div>
                        </section>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
<div data-th-replace="layout/footer"></div>
<script type="text/javascript" th:src="@{{path}/front/web/business/op/article/article-index.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>